<html><head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <title>销售管理的会员档案</title>
	<#assign base=request.contextPath  />
    <base id="basePath" href="${base}">

    <base id="basePath" href="${base}">
    <link rel="stylesheet" href="${base}/css/demo.css" type="text/css">
    <link rel="stylesheet" href="${base}/css/zTreeStyle.css" type="text/css">
    <script type="text/javascript" src="${base}/js/ztree/jquery-1.4.4.min.js"></script>
    <script type="text/javascript" src="${base}/js/ztree/jquery.ztree.core.js"></script>
    <script type="text/javascript" src="${base}/js/zhang.js"></script>
    <script type="text/javascript" src="${base}/js/ztree/jquery.ztree.excheck.js"></script>
    <script type="text/javascript" src="${base}/js/ztree/jquery.ztree.exedit.js"></script>



    <link rel="stylesheet" href="${base}/js/layui/css/layui.css?t=1534970980648" media="all">
    <style>
        form{
            padding: 20px;
        }
        .layui-btn-radius{
            border-radius: 10px;
        }

    </style>
</head>
<body>
<fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;">
    <legend>会员档案</legend>
</fieldset>

<div class="demoTable" style="height:40px;">
    <div class="layui-inline layui-form" style="float:right;">
        <div class="layui-input-inline">
            <select name="interest"  id="sech"  lay-search="">
                <option value="">请选择要搜索的列</option>
                <option value="name">姓名</option>
                <option value="address">家庭住址</option>
                <option value="phone">联系方式</option>
                <option value="customer_source">客户渠道</option>
                <option value="person">录入人</option>
            </select>
        </div>

        <div class="layui-inline">
            <input class="layui-input" name="id" id="demoReload" autocomplete="off">
        </div>
        <button class="layui-btn layui-btn-radius" id="btn1" data-type="reload" style="background-color: #0092EF;">搜索</button>
    </div>
</div>
<table class="layui-hide" id="test" lay-filter="user"></table>

<script type="text/html" id="barDemo">
    <i class="layui-icon layui-icon-edit" lay-event="edit" id="updatebaby" style="font-size: 20px;"></i>&nbsp;&nbsp;&nbsp;
    <i class="layui-icon layui-icon-delete layui-btn-xs" lay-event="del" id="delectbaby" href="javascript:void(0)"  onclick="onDelete('{{d.customerId}}')"  style="font-size: 20px;" ></i>
</script>
<script src="${base}/js/jquery.min.js"></script>
<script type="text/javascript" src="${base}/js/ztree/jquery-1.4.4.min.js"></script>
<script src="${base}/js/layui/layui.js"></script>
<script>

    layui.use(['form', 'layedit', 'laydate','table'], function(){
        var form = layui.form
                ,$ = layui.jquery
                ,layer = layui.layer
                ,layedit = layui.layedit
                ,laydate = layui.laydate
        table = layui.table;

        table.render({
            elem: '#test'
            ,url:'${base}/trVip/selectTrVip'//数据接口
            ,toolbar: '#toolbarDemo'
            ,defaultToolbar: ['filter', 'print', 'exports']
            ,cols: [[
                {field:'id', title: 'ID',templet:function(val){
                        return val.LAY_INDEX
                    },width:70, field: true,align:'center'}
                ,{field:'name', width:100, title: '姓名',align:'center'}
                ,{field:'sex', width:130,templet:function(val){
                        if(val.sex=="1"){
                            return "女";
                        }else{
                            return "女";
                        }
                    },  title: '性别',align:'center'}
                ,{field:'birth',width:120,templet:function(val){
                        return DateFormat(val.birth);
                    }, title: '出生年月'}
                ,{field:'address',width:150, title: '家庭住址',align:'center'}
                ,{field:'dateOfTransaction',width:130, templet:function(val){
                        return DateFormat(val.dateOfTransaction);
                    },title: '成交日期',align:'center'}
                ,{field:'phone', width:160, title: '联系方式',align:'center'}
                ,{field:'customerSource',width:100, title: '客户渠道'}
                ,{field:'mealName',width:140,align:'center', title: '套餐'}
                ,{field:'person', width:150, title: '录入人',align:'center'}
                //,{field: 'right', title:'操作', toolbar: '#barDemo', width:150, align: 'center'}
            ]]
            ,id:'testReload'
            ,height:500
            ,page: {
                layout: ['limit', 'count', 'prev', 'page', 'next', 'skip'] //自定义分页布局
                ,theme: '#0092EF'
                ,limit:20
            }
            ,done: function(res, curr, count){
                this.where={};
            }
        });


        $('#btn2').on('click', function(){
            var othis = $(this), method = othis.data('method');
            active[method] ? active[method].call(this, othis) : '';
        });




//清空搜索框
        layui.form.on('select()', function(data){
            $("#demoReload").val("")
        });
//实现搜索
        $('#btn1').on('click', function(){
            var sechLin=$("#sech").val();
            var sechData=$("#demoReload").val();

            var whereData={};
            whereData.lin=sechLin;
            whereData.data=Trim(sechData);
            whereData.page=1;
            whereData.limt=10;
            var table = layui.table;
            //表刷新方法
            table.reload('testReload', {
                url:'${base}/orderVip/selectOrderVip'
                ,where: whereData //设定异步数据接口的额外参数
            });
        });
        String.prototype.trim = function() {
            return this.replace(/^\s\s*/, '').replace(/\s\s*$/, '');
        }



    });




    //删除
    function onDelete(customerId){
//提示是否删除这条数据
//data里边的customerId是需要和实体类里边的id是一样的,不然是传不过来参数的
        layer.confirm('真的要删除吗?',function(index){
            $.ajax({
                type:"POST",
                url:"${base}/customer/deleteCustomer",
                data:{"customerId":customerId},
                sync:false,
                success:function(data){
                    //alert("删除成功")
                    var table = layui.table;
                    //表刷新方法
                    table.reload('testReload', {
                        url:'${base}/customer/selectCustomer'
                        ,where: {} //设定异步数据接口的额外参数
                    });
                    //关闭删除是否删除的提示框
                    layer.close(index);
                }
            });
        });
    }

    //键盘事件
    $("body").bind("keydown",function(e){
        // 兼容FF和IE和Opera
        var theEvent = e || window.event;
        var code = theEvent.keyCode || theEvent.which || theEvent.charCode;
        if (code == 13) {
            //回车执行查询
            $("#btn1").click();
        }
    });



</script>
</body>
</html>